<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- <link rel="shortcut icon" href="img/favicon.html"> -->

    <title>新增车辆</title>

     <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" class="">
      <!--header start-->
      <header class="header white-bg">
          <div class="sidebar-toggle-box">
              <div data-original-title="" data-placement="right" class="icon-reorder tooltips"></div>
          </div>
          <!--logo start-->
          <a href="#" class="logo">车辆<span>管理系统</span></a>
          <!--logo end-->
          
          <div class="top-nav ">
              <ul class="nav pull-right top-menu">
                  <li>
                      <input type="text" class="form-control search" placeholder="Search">
                  </li>
                  <!-- user login dropdown start-->
                  <li class="dropdown">
                      <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                          <img alt="" src="img/avatar1_small.jpg">
                          <span class="username">嘿嘿</span>
                          <b class="caret"></b>
                      </a>
                      <ul class="dropdown-menu extended logout">
                          <div class="log-arrow-up"></div>
                          <li><a href="#"><i class=" icon-suitcase"></i>个人资料</a></li>
                          <li><a href="#"><i class="icon-cog"></i>设置</a></li>
                          <li><a href="#"><i class="icon-bell-alt"></i> 通知</a></li>
                          <li><a href="login.html"><i class="icon-key"></i> 退出</a></li>
                      </ul>
                  </li>
                  <!-- user login dropdown end -->
              </ul>
          </div>
      </header>
      <!--header end-->
      <!--sidebar start-->
      <aside>
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu">
                  <li class="">
                      <a class="" href="../index.html">
                          <i class="icon-dashboard"></i>
                          <span>首页</span>
                      </a>
                  </li>
                  <li class="sub-menu active">
                      <a href="javascript:;" class="">
                          <i class="icon-book"></i>
                          <span>车辆基本信息管理</span>
                          <span class="arrow"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="" href="general.html">车辆列表</a></li>
                          <li class="active"><a class="" href="buttons.html">新增车辆</a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon-cogs"></i>
                          <span>车主信息管理</span>
                          <span class="arrow"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="" href="grids.html">车主列表</a></li>
                          <li><a class="" href="calendar.html">新增车主</a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon-tasks"></i>
                          <span>车辆管理费</span>
                          <span class="arrow"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="" href="form_component.html">费用列表</a></li>
                          <li><a class="" href="form_wizard.html">收取管理费</a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon-th"></i>
                          <span>车辆变更管理</span>
                          <span class="arrow"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="" href="basic_table.html">车辆变更列表</a></li>
                          <li><a class="" href="dynamic_table.html">新增车辆变更</a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon-glass"></i>
                          <span>系统管理</span>
                          <span class="arrow"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="" href="blank.html">用户管理</a></li>
                          <li><a class="" href="profile.html">修改密码</a></li>
                          <li><a class="" href="invoice.html">安全退出</a></li>
                      </ul>
                  </li>
                  <li>
                      <a class="" href="login.html">
                          <i class="icon-user"></i>
                          <span>登录</span>
                      </a>
                  </li>
              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
              <div class="row">
                  <div class="col-sm-12">
                      <section class="panel">
                          <!-- <div class="bio-graph-heading">
                              新增车辆变更
                          </div> -->
                          <div class="panel-body bio-graph-info">
                             
                              <form class="form-horizontal" role="form">
                                  <div class="form-group">
                                      <label  class="col-lg-1 control-label">车牌号：</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="f-name" placeholder=" ">
                                      </div>
          
                                       <label  class="col-lg-1 control-label">车主</label>
                                       <div class="col-lg-5">
                                         <input type="text" class="form-control" id="f-name" placeholder=" ">
                                        </select>
                                       </div>
                                  </div>
                                 
                                 <div class="form-group">
                                      <label  class="col-lg-1 control-label">车辆类型</label>
                                      <div class="col-lg-5">
                                          <select size="1" name="sample_1_length" aria-controls="sample_1" class="form-control">
                                          <option value="全部" selected="selected">全部</option>
                                          <option value="小汽车">小汽车</option>
                                          <option value="卡车">卡车</option>
                                          <option value="毛驴车">毛驴车</option></select>
                                      </div>
          
                                      <label  class="col-lg-1 control-label">品牌：</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="l-name" placeholder=" ">
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label  class="col-lg-1 control-label">发动机号</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="f-name" placeholder=" ">
                                      </div>
          
                                      <label  class="col-lg-1 control-label">行车证号</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="l-name" placeholder=" ">
                                      </div>
                                  </div>
                                 <div class="form-group">
                                      <label  class="col-lg-1 control-label">燃油类型</label>
                                      <div class="col-lg-5">
                                          <select size="1" name="sample_1_length" aria-controls="sample_1" class="form-control">
                                          <option value="全部" selected="selected">全部</option>
                                          <option value="小汽车">汽油90号</option>
                                          <option value="卡车">柴油</option>
                                          <option value="毛驴车">汽油97号</option></select>
                                      </div>
          
                                      <label  class="col-lg-1 control-label">品牌：</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="l-name" placeholder=" ">
                                      </div>
                                  </div>
                                
                                  <div class="form-group">
                                      <label  class="col-lg-1 control-label">车身状况</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="f-name" placeholder=" ">
                                      </div>
          
                                      <label  class="col-lg-1 control-label">车辆颜色</label>
                                      <div class="col-lg-5">
                                          <select size="1" name="sample_1_length" aria-controls="sample_1" class="form-control">
                                          <option value="全部" selected="selected">全部</option>
                                          <option value="小汽车">红色</option>
                                          <option value="卡车">银色</option>
                                          <option value="毛驴车">白色</option></select>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label  class="col-lg-1 control-label">登记时间</label>
                                      <div class="col-lg-5">
                                          <input type="text" class="form-control" id="l-name" placeholder=" ">
                                      </div>
                                      <label  class="col-lg-1 control-label">车辆类型</label>

                                      <div class="col-lg-5">
                                          <select size="1" name="sample_1_length" aria-controls="sample_1" class="form-control">
                                          <option value="全部" selected="selected">全部</option>
                                          <option value="小汽车">小汽车</option>
                                          <option value="卡车">卡车</option>
                                          <option value="毛驴车">毛驴车</option></select>
                                      </div>
                                  </div> 
                                
                                  <div class="form-group">
                                    <label  class="col-lg-1 control-label">备注</label>
                                    <div class="col-lg-5">
                                    <textarea name="" id="" class="form-control" cols="10" rows="5"></textarea>
                                    </div>
          
          
                                    <label  class="col-lg-1 control-label">车头</label>
                                    <div class="col-lg-5">
                                        <input type="file" class="file-pos" id="exampleInputFile">
                                    </div>
                                    <label  class="col-lg-1 control-label">车尾</label>
                                    <div class="col-lg-5">
                                        <input type="file" class="file-pos" id="exampleInputFile">
                                    </div>
                                    <label  class="col-lg-1 control-label">车身</label>
                                    <div class="col-lg-5">
                                        <input type="file" class="file-pos" id="exampleInputFile">
                                    </div>
                                   
                                   
                                    
          
                                    <div class="col-lg-2">
                                              
                                    </div>
                                  </div>
                                  <div class="form-group">
                                  
                                 
                                   
                                    <div class="col-lg-6">
                                      <button class="btn btn-shadow btn-primary">确认</button>
                                      <button type="button" class="btn btn-shadow btn-default">取消</button>
                                    </div>
                                </div>
                                
                              </form>
                          </div>
                      </section>
                  </div> 
              </div>
           
          </section>
      </section>
      <!--main content end-->
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.scrollTo.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>

    <!--common script for all pages-->
    <script src="js/common-scripts.js"></script>
    <script type="text/javascript">
       $(function() {
           var userId = $('.userId').val(),
               password = $('.password').val();
           var datalist = {
               id: userId,
               password: password
           };
  
           loginInfo.push(JSON.stringify(datalist));
           $.ajax({
               url: '',
               type: 'POST',
               dataType: 'json',
               data: ,
               success: function(data) {
                  console.log('success');
                  
               }
           })
        })
    </script>

  </body>
</html>
